<#include "common/freemarker/include_header.ftl">
<div class="row well" style="padding:50px" >
    <div class="col-md-6 text-center">
        <div class="row" style="max-width: 350px">
	        <h3 class="m-b-xxs">微信图文消息预览-单条</h3>
	        <div class="panel panel-default">
		        <div class="panel-body">
			        <div style="background-color:#000;color:#fff;padding:10px">
			            <div class="pull-left">微信</div> <h4> 爱敏道</h4> 
			        </div>
			        
	                <div class="panel panel-default">
	                    <div class="panel-body" style="padding:10px">
	                        <div class="pull-left">标题1</div>
		                    <br> 
		                    <div class="pull-left">  <small class="text-muted">05-20</small> </div>    
	                        <p><img alt="" src="images/p3.jpg" width=100%/></p>
	                        <hr>
	                       <div class="pull-left">    阅读全文</div>  
	                    </div>
	                </div>        
			         
		        </div>		
		     </div> <!--panel panel-default  end --> 	
	     </div>      <!--row 400-->  
    </div><!--col-md 6 end -->
 
    <div class="col-md-6 text-center">
        <div class="row" style="max-width: 350px">
	        <h3 class="m-b-xxs">微信图文消息预览-多条</h3>
	        <div class="panel panel-default">
		        <div class="panel-body">
			        <div style="background-color:#000;color:#fff;padding:10px">
			            <div class="pull-left">微信</div> <h4> 爱敏道</h4> 
			        </div>
			        
	                <div class="panel panel-default">
	                    <div class="panel-body" style="padding:10px">
	                        <div><img alt="" src="images/p3.jpg" width=100%/></div>
	                        <div class="text-left" style="background-color:#000;color:#fff;padding:10px" >标题</div>
	                   		<div class="social-footer" style="background-color:#fff;text-align:left" >
					            <div class="social-comment">
					                <a href="#" class="pull-right">
					                    <img alt="image" src="images/a1.jpg" style="min-width: 60px;">
					                </a>
					                <div class="media-body">
					                    jQuery的作者在Twitter上发了一条这样的推，也是有点平衡了
					                     <HR/>
					                </div>
					            </div>
					            <div class="social-comment">
					                <a href="#" class="pull-right">
					                    <img alt="image" src="images/a2.jpg"  style="min-width: 60px;">
					                </a>
					                <div class="media-body">
					                     John大概是在学习React和Flux。。斯蒂芬森大放送大夫撒旦法。
					                      <HR/>
					                </div>
					            </div>
					            <div class="social-comment">
					                <a href="#" class="pull-right">
					                    <img alt="image" src="images/a3.jpg"  style="min-width: 60px;">
					                </a>
					                <div class="media-body">
					                     John大概是在学习React和Flux。。斯蒂芬森大放送大夫撒旦法。
					                      <HR/>
					                </div>
					            </div>            
						    </div>	
	                    </div>
	                 </div>        
			     
		        </div>	<!--panel body  end --> 	
		     </div> <!--panel panel-default  end --> 	
	     </div>      <!--row 400-->  
    </div><!--col-md 6 end --> 
</div><!--row end --> 
    
    


 
